<template>
	<div id="app">
		
    	<router-view>
    		
    	</router-view>
    	<!--<audio ref="audio" src="http://music.163.com/song/media/outer/url?id= "></audio>-->
    	<player ref="player" v-show="flag"></player>
    	
	</div>
</template>

<script>
	
	import player from "../components/player.vue";	
	
    export default {
    	data(){
    		return{
    			name:'app',
    			flag:true
    		}
    	} ,
    	components:{
    		player,
    	}
    }
</script>

<style lang='scss'>
	body{
  background: #444446;
		
	}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  background: #444446;
  min-width: 320px;
  	height: 100%;
	.logobox{
		width:100%;
		height: 50px;
		background: black;
		position:fixed;
		top:0px;
		left:0;
		z-index:2;
		span{
			letter-spacing: 8px;
			padding:0 10px;
			vertical-align: top;
			display: inline-block;
			color: white;
			line-height: 50px;
		}
	}
	.logo{
		margin-top:11px;
		width:28px;
		height:28px;
	}
	.head{
		.nav{
			display: flex;
			display: -webkit-flex;
			justify-content:space-around;
			position:fixed;
			width:100vw;
			margin-top:50px;
			z-index:1000;
			background: #444446;
			a{
				line-height: 35px;
				width:25%;
				text-decoration: none;
				color: white;
			}
			.router-link-active{
				border-bottom: 3px solid #D43C33;
				color:#D43C33;
			}
			
		}
	}
	}
</style>